<#import "themes/${theme}/macro/frontCurrentPosition.ftl" as frontCurrentPosition />
<#import "themes/${theme}/macro/frontPage.ftl" as frontPage />
<#import "themes/${theme}/macro/frontContentType.ftl" as frontContentType />
<!DOCTYPE html>
<html>
    <head>
        <title>${getSite(siteId).name}-${curColumn.name}</title>

		<meta name="description" content="${curColumn.description}" />
		<meta name="keywords" content="${curColumn.keywords}" />
    </head>
    <body>
		<!-- 导航 -->
        <@frontCurrentPosition.content curColumn />

        <!-- 列表 -->
        <div class="common-container">
	        <div class="container">
	        	<div class="row">
		        	<div class="col-sm-2">
		        		<@frontContentType.content curColumn "common"/>
		        	</div>
		        	<div class="col-sm-1"></div>
	        		<div class="col-sm-9" >
			            <div class="row" >
			            	<div class="common-masonry">
			            		<#list  page.list as contents>
			            			<div class="common-box contentType-${contents.contentTypeId}">
			            				<div class="col-sm-12 download-text wow fadeInLeft">
						                    <h3>
						                    	<i class="${contents.image}"></i>
						                    	<span class="badge download-text-badge">
						                    		${(page.pageNo-1)*page.pageSize+1+contents_index}
						                    	</span>
						                    	${(contents.topWeight gt 0) ?then ('<span class="top-outline">置顶</span>','')}
						                    	${contents.title}
						                    	<span class="download-text-down">
						                    		<a href="${contents.video}"><i class="fa fa-download"></i></a>
						                    	</span>
						                    </h3>
						                </div>
					                </div>
								</#list>
			                </div>
			            </div>
			            <!-- 分页 -->
			            <div class="row" >
							<@frontPage.content page "${ctxFrt}/${siteId}/col${preview}-${curColumn.id}${urlSuffix}" />
						</div>
	        		</div>
	        	</div>
	        </div>
        </div>

    </body>
</html>
